@import "config";
@import 'animation';
@import 'beautiful';
@import 'common';
/* 使用变量 */
*{
  overflow: hidden;
}
body {
  //background-color: $bgcolor;
  margin: 0;
  // background-image: $bgcolorimage;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  color: $textcolor5;
  font-size: $fontsize5;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
.title-white{
  font-size: $fontsize4;
  color: $textcolor7;
}
//登录样式
#paper{
  display: grid;
  place-items: center;
  padding-top:25vh;
}
.login-container {
  border-radius: $radius2;
  background-clip: padding-box;
  width: 350px;
  padding: 35px 35px 15px 35px;
  background: $cardbgcolor1;
  box-shadow: 0 0 25px $textcolor6;
}

.login_title {
  margin: 0 auto 40px auto;
  text-align: center;
  color: $textcolor5;
}
//404
.head404 {
  width: 500px;
  height: 234px;
  position: absolute;
  top: 5vh;
  left: calc(50% - 250px);
}
.aside{
  display: flex;
  flex-direction: column;
}
//transition 过渡
//.fade-enter-active, .fade-leave-active {
//  transition: opacity 2s
//}
//.fade-enter, .fade-leave-to /* .fade-leave-active, 2.1.8 版本以下 */ {
//  opacity: 0
//}

.index-header{
}
.index-main{
  height: 92vh;
}

//myHeader
.my-header{
  height:100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 40px;
  color: $textcolor6;
  font-weight: bold;
  text-shadow: 0 2px 6px #fff;
  letter-spacing: 5px;
  .title{
    flex: 3;
  };
  .time{
    flex: 1;
    font-size: 18px;
  };
}

//main
.Main-view{
  //background-color:#FFFFFF;
  width: 100%;
  height: 100%;
}

// linechart
.line-chart{
	height: 100%;
	width: 100%
}
.line-chart-style{
  flex: 4;
}
.store-chart-style{
  flex: 4;
  //margin-top: -8%;
}
.store-chart{
  width: 100%;
  height: 100%;
  margin-top: -3%;
}
.view-card-header{
  text-align: center;
  color: $textcolor6;
}
.pie-chart{
	height: 100%;
	width: 100%;
  top: -10%;
}

//table
.table-position{
  width: 100%;
  height: 80%;
  padding-bottom: 20%;
}
.table-chart-style{
  flex: 4;
  //display: flex;
  //flex-direction: column;
}
.table{
  width: 100%;
}
//
//.table-down{
//  background-color: red;
//}
.pie-chart-style{
  flex: 5;
}

//
.bar-chart{
  width: 70%;
  height: 70%;
}

.earth-chart-style{
  margin-top: -20%;
  flex: 3;
}
a {
  color: blue;
  cursor: pointer;     /* 鼠标样式*/
  text-decoration: none;
}
a:link { color: #06F; text-decoration: none; }/* 未访问的链接 */
a:visited { color: #999; text-decoration: line-through; } /* 已访问的链接 */
a:hover { color: #F00; text-decoration: underline; }/* 鼠标移动到链接上 */
a:active { color: #F0F; } /* 选定的链接 */

